<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path;
%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>




<html style="font-size: 66.5333px;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>邀请记录</title>
<link rel="stylesheet" type="text/css" href="<%=path%>/css/aem-h5/aem-h5.css" />
<style type="text/css">
    body {
        overflow: hidden;
    }
    
    body,
    ul {
        padding: 0;
        margin: 0;
    }

	.mint-navbar .mint-tab-item .mint-tab-item-label {
		border-right: none;
	}
    </style>
</head>
<body>
	<div id="app">
		<div>
			<div class="mint-navbar" style="margin-top: 0px;height:1rem;">
				<a id="fans" class="mint-tab-item is-selected">
					<div class="mint-tab-item-icon"></div>
					<div class="mint-tab-item-label">邀请粉丝记录</div>
				</a>
				<a id="member" class="mint-tab-item">
					<div class="mint-tab-item-icon"></div>
					<div class="mint-tab-item-label">邀请会员记录</div>
				</a>
			</div>
			<!-- tab-container -->
			<div id="fans_show">
				<ul class="invite-list" id="fans-list">

				</ul>
			</div>
			<div id="mem_show" style="display: none">
				<ul class="invite-list" id="mem-list">

				</ul>
			</div>
		</div>
	</div>

</body>
</html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/marketing/public.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/rem.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/aem-invite-record.js"></script>
<script type="text/javascript" src="<%=path%>/js/dateUtils.js"></script>


<script type="text/javascript">
    var path = "<%=path%>";
    var staffId = null;
    var openId = null;
    var cid = null;
    var login_phone = null;
    //var accessToken="07fb7a656dc11d5d942dbd597b8027f8";
    var accessToken=$.cookie('accessToken');


    $(function(){
        init();
    });
    function init(){
        $.post(
            path + "/aem/staffPropertyInfo/getStaffInfo",
            {
                "accessToken":accessToken
            },
            function(data){
                if(data.status == "200"){
                    cid = data.data.cid;
                    openId = data.data.openId;
                    staffId  = data.data.staffId;
                    inviteRecord.init(cid,staffId,1);
                    inviteRecord.inviteFans(1);
                    inviteRecord.inviteMem(1);
                }
            },
            "json"
        );
    }


</script>
